タグと Adobe Developer を使用した Adobe Experience Manager と Adobe Target の統合

[統合]{class="badge positive"}

作成対象：

[AEM Sites 6.5]{class="badge informative"}

AEM オーサーとパブリッシュインスタンスをそれぞれローカルホストのポート 4502 と 4503 で実行中である

Experience Cloud

組織の Adobe Experience Cloud へのアクセス - https://.experiencecloud.adobe.com

次のソリューションをプロビジョニングされた Experience Cloud

Chrome ブラウザー拡張機能

この統合には、次のようなオーディエンスの関与が必要となります。また、一部のタスクでは管理者権限が必要となることがあります。

AEM は、タグとの標準の統合を提供します。この統合により、AEM 管理者は使いやすいインターフェイスを使用してタグを容易に設定できるので、これら 2 つのツールを設定する際の労力を軽減し、エラーを減らすことができます。また、Adobe Target の拡張機能をタグに追加するだけで、AEM web ページ上で Adobe Target のすべての機能を使用できます。

この節では、次の統合手順を説明します。

タグ

AEM

プロパティは、サイトにタグを導入する際に拡張機能、ルール、データ要素およびライブラリを入力するコンテナです。

適切な組織に属していることを確認し、タグプロパティの作成に進みます。

プロパティの作成について詳しくは、製品ドキュメント内のプロパティの作成を参照してください。

「新しいプロパティ」ボタンをクリック

プロパティの名前を指定（例：AEM Target チュートリアル）

これは、WKND デモサイトが実行されているドメインなので、ドメインに localhost.com と入力します。「ドメイン」フィールドは必須ですが、タグプロパティが実装されているドメインであれば、どのドメインでも機能します。主な目的は、ルールビルダーでメニューオプションを事前に設定することです。

「保存」ボタンをクリックします。

作成したプロパティを開き、「拡張機能」タブをクリックします。

Adobe Target 拡張機能は、最新の web 用の Target JavaScript SDK、at.js を使用したクライアントサイドの実装をサポートしています。以前の Target ライブラリ mbox.js をご利用のお客様は、at.js にアップグレードしていただくことで、タグをご利用いただけます。

Target 拡張機能は、次の 2 つの主要な部分で構成されています。

コアライブラリ設定を管理する拡張機能の設定

次の操作を実行するルールのアクションです。

拡張機能 ​の下に、タグプロパティで既にインストールされている拡張機能のリストが表示されます。（Adobe Launch Core 拡張機能はデフォルトでインストールされます）

「拡張機能カタログ」オプションを選択し、フィルターで Target を検索します。

最新バージョンの Adobe Target at.js を選択し、「インストール」オプションをクリックします。

「設定」ボタンをクリックすると、Target アカウントの資格情報が読み込まれた設定ウィンドウと、この拡張機能の at.js のバージョンが表示されます。

Target が非同期のタグ埋め込みコードを使用してデプロイされる場合、コンテンツのちらつきを管理するには、タグ埋め込みコードの前に、ページ上に事前に非表示になるスニペットをハードコードする必要があります。事前に非表示になるスニペットの詳細については、後で説明します。事前に非表示になるスニペットはこちらからダウンロードできます。

「保存」をクリックして、タグプロパティへの Target 拡張機能の追加を完了すると、「インストール済み」の下に Target 拡張機能が表示されます。

上記の手順を繰り返して、「Experience Cloud ID サービス」拡張機能を検索し、インストールします。

「公開」タブをクリックし、サイトプロパティ用にライブラリを作成して、変更（データ要素、ルール）を開発環境にビルドし、デプロイします。

https://video.tv.adobe.com/v/28412?quality=12&learn=on

変更を開発環境からステージング環境にパブリッシュします。

https://video.tv.adobe.com/v/28419?quality=12&learn=on

ステージング用にビルドオプション ​を実行します。

ビルドが完了したら、公開の承認 を実行し、変更をステージング環境から実稼動環境に移動させます。

最後に、「ビルドして実稼動環境に公開」オプションを使用して、変更を実稼動環境にプッシュします。

https://video.tv.adobe.com/v/28416?quality=12&learn=on

この時点で、オプション 2 で説明したタグを使用して AEM と Adobe Target を正常に統合しました。

AEM Experience Fragment オファーを使用してパーソナライゼーションアクティビティを強化するには、次の章に進み、従来のクラウドサービスを使用して AEM と Adobe Target を統合します。